<template>
  <div>
    <ul id="nav">
      <router-link to="/home" tap="li" class="li">首页</router-link> 
      <router-link to="/cate" tap="li" class="li">分类</router-link>
      <router-link to="/cart" tap="li" class="li">首页</router-link> 
      <router-link to="/my" tap="li" class="li">分类</router-link>
    </ul>
    <router-view />
  </div>
</template>

<script>
export default {
    
}
</script>

<style>
    #nav{
        width: 100%;
        height: 100px;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-around;
    }
    #nav .li{
        flex: 1;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
</style>